<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Julie – Minimal Fashion Bootstrap 5 Template</title>

    <!--== Favicon ==-->
    <link rel="shortcut icon" href="/static/img/favicon.ico" type="image/x-icon" />

    <!--== Google Fonts ==-->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,400i,500,500i,600,700,800,900" rel="stylesheet">
    <link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,500,600,700" rel="stylesheet">

  <!--== Bootstrap CSS ==-->
  <link th:href="@{/css/bootstrap.min.css}" rel="stylesheet" />
  <!--== Headroom CSS ==-->
  <link th:href="@{/css/headroom.css}" rel="stylesheet" />
  <!--== Animate CSS ==-->
  <link th:href="@{/css/animate.css}" rel="stylesheet" />
  <!--== Ionicons CSS ==-->
  <link th:href="@{/css/ionicons.css}" rel="stylesheet" />
  <!--== Material Icon CSS ==-->
  <link th:href="@{/css/material-design-iconic-font.css}" rel="stylesheet" />
  <!--== Elegant Icon CSS ==-->
  <link th:href="@{/css/elegant-icons.css}" rel="stylesheet" />
  <!--== Font Awesome Icon CSS ==-->
  <link th:href="@{/css/font-awesome.min.css}" rel="stylesheet" />
  <!--== Swiper CSS ==-->
  <link th:href="@{/css/swiper.min.css}" rel="stylesheet" />
  <!--== Fancybox Min CSS ==-->
  <link th:href="@{/css/fancybox.min.css}" rel="stylesheet" />
  <!--== Slicknav Min CSS ==-->
  <link th:href="@{/css/slicknav.css}" rel="stylesheet" />

  <!--== Main Style CSS ==-->
  <link th:href="@{/css/style.css}" rel="stylesheet" />

  <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body>

<!--wrapper start-->
<div class="wrapper">

  <!--== Start Preloader Content ==-->
  <div class="preloader-wrap">
    <div class="preloader">
      <span class="dot"></span>
      <div class="dots">
        <span></span>
        <span></span>
        <span></span>
      </div>
    </div>
  </div>
  <!--== End Preloader Content ==-->

  <!--== Start Header Wrapper ==-->
  <header class="header-area header-default sticky-header">
    <div class="container">
      <div class="row align-items-center">
        <div class="col-6 col-sm-4 col-lg-3">
          <div class="header-logo-area">
            <a href="index.html">
              <img class="logo-main" src="/static/img/logo.png" alt="Logo" />
              <img class="logo d-none" src="/static/img/logo-light.png" alt="Logo" />
            </a>
          </div>
        </div>
        <div class="col-sm-4 col-lg-7 d-none d-lg-block">
          <div class="header-navigation-area">
            <ul class="main-menu nav position-relative">
              <li class="has-submenu"><a href="#/">Home</a>
                <ul class="submenu-nav">
                  <li><a href="index.html">Home Demo 1</a></li>
                  <li><a href="index-two.html">Home Demo 2</a></li>
                </ul>
              </li>
              <li class="has-submenu full-width"><a href="#/">Shop</a>
                <ul class="submenu-nav submenu-nav-mega">
                  <li class="mega-menu-item"><a href="#/" class="mega-title">Shop Pages</a>
                    <ul>
                      <li><a href="shop-3-grid.html">Shop 3 Column</a></li>
                      <li><a href="shop-4-grid.html">Shop 4 Column</a></li>
                      <li><a href="shop-left-sidebar.html">Shop Left Sidebar</a></li>
                      <li><a href="shop.html">Shop Right Sidebar</a></li>
                      <li><a href="shop-list.html">Shop Listing View</a></li>
                      <li><a href="shop-list-left-sidebar.html">Shop List left Sidebar</a></li>
                      <li><a href="shop-list-right-sidebar.html">Shop List Right Sidebar</a></li>
                    </ul>
                  </li>
                  <li class="mega-menu-item"><a href="#/" class="mega-title">WOMEN</a>
                    <ul>
                      <li><a href="single-product-name-1.html">Bags &amp; Purses</a></li>
                      <li><a href="single-product-name-1.html">Beauty</a></li>
                      <li><a href="single-product-name-1.html">Coats &amp; Jackets</a></li>
                      <li><a href="single-product-name-1.html">Curve &amp; Plus Size</a></li>
                      <li><a href="single-product-name-1.html">Denim</a></li>
                    </ul>
                  </li>
                  <li class="mega-menu-item"><a href="#/" class="mega-title">MEN</a>
                    <ul>
                      <li><a href="single-product-name-1.html">Bags</a></li>
                      <li><a href="single-product-name-1.html">Blazers</a></li>
                      <li><a href="single-product-name-1.html">Caps &amp; Hats</a></li>
                      <li><a href="single-product-name-1.html">Gifts</a></li>
                      <li><a href="single-product-name-1.html">Grooming</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li class="has-submenu"><a href="#/">Products</a>
                <ul class="submenu-nav">
                  <li><a href="single-product-simple.html">Simple Product</a></li>
                  <li><a href="single-product.html">Variable Product</a></li>
                  <li><a href="single-product-affiliate.html">Affiliate Link product</a></li>
                  <li><a href="single-product-soldout.html">Soldout Product</a></li>
                  <li><a href="single-product-countdown.html">Countdown Product</a></li>
                </ul>
              </li>
              <li class="has-submenu"><a href="#/">Blog</a>
                <ul class="submenu-nav">
                  <li><a href="blog-left-sidebar.html">Blog Left Sidebar</a></li>
                  <li><a href="blog.html">Blog Right Sidebar</a></li>
                  <li><a href="blog-grid.html">Blog Grid Layout</a></li>
                  <li><a href="single-blog.html">Single Blog Left Sidebar</a></li>
                  <li><a href="single-blog-right-sidebar.html">Single Blog Right Sidebar</a></li>
                </ul>
              </li>
              <li><a href="contact.html">Contact</a></li>
              <li><a href="about-us.html">About</a></li>
            </ul>
          </div>
        </div>
        <div class="col-sm-7 col-lg-2 d-none d-sm-block text-end">
          <div class="header-action-area">
            <ul class="header-action">
              <li class="search-item">
                <a class="action-item" href="page-search.html">
                  <i class="zmdi zmdi-search icon"></i>
                </a>
              </li>
              <li class="currency-menu">
                <a class="action-item" href="#/"><i class="zmdi zmdi-lock-outline icon"></i></a>
                <ul class="currency-dropdown">
                  <li class="currency">
                    <a href="#/"><span class="current-currency">USD</span></a>
                    <ul>
                      <li class="active"><a href="#/">USD - US Dollar</a></li>
                      <li class="#/"><a href="#/">EUR - Euro</a></li>
                      <li class="#/"><a href="#/">GBP - British Pound</a></li>
                      <li class="#/"><a href="#/">INR - Indian Rupee</a></li>
                      <li class="#/"><a href="#/">BDT - Bangladesh Taka</a></li>
                      <li class="#/"><a href="#/">JPY - Japan Yen</a></li>
                      <li class="#/"><a href="#/">CAD - Canada Dollar</a></li>
                      <li class="#/"><a href="#/">AUD - Australian Dollar</a></li>
                    </ul>
                  </li>
                  <li class="account">
                    <a href="#/"><span class="current-account">My account</span></a>
                    <ul>
                      <li><a href="login.html">Login</a></li>
                    </ul>
                  </li>
                </ul>
              </li>
              <li class="mini-cart">
                <a class="action-item" href="#/">
                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                  <span class="cart-quantity">2</span>
                </a>
                <div class="mini-cart-dropdown">
                  <div class="cart-item">
                    <div class="thumb">
                      <img class="w-100" src="/static/img/shop/cart/1.jpg" alt="Image-HasTech">
                    </div>
                    <div class="content">
                      <h5 class="title"><a href="#/">Literature Classical - s</a></h5>
                      <span class="product-quantity">1 ×</span>
                      <span class="product-price">$79.00</span>
                      <a class="cart-trash" href="javascript:void(0);"><i class="fa fa-trash"></i></a>
                    </div>
                  </div>
                  <div class="cart-item">
                    <div class="thumb">
                      <img class="w-100" src="/static/img/shop/cart/2.jpg" alt="Image-HasTech">
                    </div>
                    <div class="content">
                      <h5 class="title"><a href="#/">Fit Wool Suit - m / gold</a></h5>
                      <span class="product-quantity">1 ×</span>
                      <span class="product-price">$80.00</span>
                      <a class="cart-trash" href="javascript:void(0);"><i class="fa fa-trash"></i></a>
                    </div>
                  </div>
                  <div class="cart-total-money">
                    <h5>Total: <span class="money">$159.00</span></h5>
                  </div>
                  <div class="cart-btn">
                    <a href="cart.html">View Cart</a>
                    <a href="checkout.html">Checkout</a>
                  </div>
                </div>
              </li>
            </ul>
          </div>
        </div>
        <div class="col-6 col-sm-1 d-block d-lg-none text-end">
          <button class="btn-menu" type="button"><i class="zmdi zmdi-menu"></i></button>
        </div>
      </div>
    </div>
  </header>
  <!--== End Header Wrapper ==-->
  
  <main class="main-content">
    <!--== Start Hero Area Wrapper ==-->
    <section class="home-slider-area">
      <div class="swiper-container swiper-slide-gap home-slider-container default-slider-container">
        <div class="swiper-wrapper home-slider-wrapper slider-default">
          <div class="swiper-slide">
            <div class="slider-content-area" data-bg-img="/static/img/slider/slider-01.jpg">
              <div class="slider-content">
                <h5 class="sub-title">BEST PRICE : $866</h5>
                <h2 class="title">NEW ARRIVAL</h2>
                <h4>70% OFF THIS WINTER</h4>
                <p>There are many variations of passages of Lorem Ipsum availables, but the majority have suffered alteration in some form.</p>
                <a class="btn-slider" href="shop.html">Shop Now</a>
              </div>
            </div>
          </div>
          <div class="swiper-slide">
            <div class="slider-content-area" data-bg-img="/static/img/slider/slider-02.jpg">
              <div class="slider-content">
                <h5 class="sub-title">BEST PRICE : $866</h5>
                <h2 class="title">NEW ARRIVAL</h2>
                <h4>70% OFF THIS WINTER</h4>
                <p>There are many variations of passages of Lorem Ipsum availables, but the majority have suffered alteration in some form.</p>
                <a class="btn-slider" href="shop.html">Shop Now</a>
              </div>
            </div>
          </div>
        </div>

        <!--== Add Swiper Arrows ==-->
        <div class="swiper-button-next"><i class="ion-ios7-arrow-right"></i></div>
        <div class="swiper-button-prev"><i class="ion-ios7-arrow-left"></i></div>
      </div>
    </section>
    <!--== End Hero Area Wrapper ==-->

    <!--== Start Feature Area Wrapper ==-->
    <section class="feature-area">
      <div class="container pb-1">
        <div class="row">
          <div class="col-md-6 col-lg-4">
            <!--== Start Feature Item ==-->
            <div class="feature-icon-box">
              <div class="inner-content">
                <div class="icon-box">
                  <i class="icon ei ei-icon_pin_alt"></i>
                </div>
                <div class="content">
                  <h5 class="title">Free shipping worldwide</h5>
                  <p>Freeship over oder $100</p>
                </div>
              </div>
            </div>
            <!--== End Feature Item ==-->
          </div>
          <div class="col-md-6 col-lg-4">
            <!--== Start Feature Item ==-->
            <div class="feature-icon-box">
              <div class="inner-content">
                <div class="icon-box">
                  <i class="icon ei ei-icon_headphones"></i>
                </div>
                <div class="content">
                  <h5 class="title">Support 24/7</h5>
                  <p>Contact us 24 hours a day</p>
                </div>
              </div>
            </div>
            <!--== End Feature Item ==-->
          </div>
          <div class="col-md-6 col-lg-4">
            <!--== Start Feature Item ==-->
            <div class="feature-icon-box">
              <div class="inner-content mb-0">
                <div class="icon-box">
                  <i class="icon ei ei-icon_creditcard"></i>
                </div>
                <div class="content">
                  <h5 class="title">100% secure payment</h5>
                  <p>Your payment are safe with us.</p>
                </div>
              </div>
            </div>
            <!--== End Feature Item ==-->
          </div>
        </div>
      </div>
    </section>
    <!--== End Feature Area Wrapper ==-->

    <!--== Start Product Area Wrapper ==-->
    <section class="product-area">
      <div class="container product-pb" data-padding-bottom="28">
        <div class="row">
          <div class="col-12">
            <div class="product-category-tab-wrap">
              <ul class="nav nav-tabs product-category-nav justify-content-center" id="myTab" role="tablist">
                <li class="nav-item" role="presentation">
                  <button class="nav-link active" id="best-seller-tab" data-bs-toggle="tab" data-bs-target="#bestSeller" type="button" role="tab" aria-controls="bestSeller" aria-selected="true">Best Seller</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="most-view-tab" data-bs-toggle="tab" data-bs-target="#mostView" type="button" role="tab" aria-controls="mostView" aria-selected="false">Most view</button>
                </li>
                <li class="nav-item" role="presentation">
                  <button class="nav-link" id="new-arrivals-tab" data-bs-toggle="tab" data-bs-target="#newArrivals" type="button" role="tab" aria-controls="newArrivals" aria-selected="false">New Arrivals</button>
                </li>
              </ul>
              <div class="tab-content product-category-content" id="myTabContent">
                <div class="tab-pane fade show active" id="bestSeller" role="tabpanel" aria-labelledby="best-seller-tab">
                  <div class="row">
                    <div class="col-12">
                      <div class="swiper-container swiper-slide-gap product-slider-container">
                        <div class="swiper-wrapper">
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/1.jpg" alt="Image-HasTech">
                                  </a>
                                  <span class="sale-title sticker">Sale</span>
                                  <span class="percent-count sticker">-18%</span>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Meta Slevless Dress</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$40.00</span>
                                      <span class="price-old">$85.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/2.jpg" alt="Image-HasTech">
                                  </a>
                                  <span class="sale-title sticker">Sale</span>
                                  <span class="percent-count sticker">-15%</span>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html"> Ruffled neck blouse</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star-half-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$110.00</span>
                                      <span class="price-old">$130.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/3.jpg" alt="Image-HasTech">
                                  </a>
                                  <span class="sale-title sticker">Sale</span>
                                  <span class="percent-count sticker">-27%</span>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Style Modern Dress</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$55.00</span>
                                      <span class="price-old">$75.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/4.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Black Dress Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$79.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/5.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Flower Print dress</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$50.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/6.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Fit Wool Suit</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$80.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/7.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Literature Classical</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$79.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/8.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Matchbox’ Fit Jeans</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$19.00</span>
                                      <span class="price-old">$29.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/9.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Long Cartigen</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$29.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/11.jpg" alt="Image-HasTech">
                                  </a>
                                  <span class="sale-title sticker">Sale</span>
                                  <span class="percent-count sticker">-10%</span>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Magento Cheked Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$19.00</span>
                                      <span class="price-old">$21.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/13.jpg" alt="Image-HasTech">
                                  </a>
                                  <span class="sale-title bg-theme-color sticker">Soldout</span>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Grag T- Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$19.00</span>
                                      <span class="price-old">$29.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/15.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Black Dress Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$29.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/10.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Primo Court Mid Suede</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                      <i class="fa fa-star"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$39.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/12.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Off-White Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$80.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                          <div class="swiper-slide">
                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/14.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Grameen Check Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$50.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->

                            <!--== Start Shop Item ==-->
                            <div class="product-item">
                              <div class="inner-content">
                                <div class="product-thumb">
                                  <a href="single-product-simple.html">
                                    <img class="w-100" src="/static/img/shop/16.jpg" alt="Image-HasTech">
                                  </a>
                                  <div class="product-action">
                                    <div class="addto-wrap">
                                      <a class="add-cart" href="cart.html">
                                        <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                      </a>
                                      <a class="add-wishlist" href="wishlist.html">
                                        <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                      </a>
                                      <a class="add-quick-view" href="javascript:void(0);">
                                        <i class="zmdi zmdi-search icon"></i>
                                      </a>
                                    </div>
                                  </div>
                                </div>
                                <div class="product-desc">
                                  <div class="product-info">
                                    <h4 class="title"><a href="single-product-simple.html">Pure Check Shirt</a></h4>
                                    <div class="star-content">
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                      <i class="fa fa-star-o"></i>
                                    </div>
                                    <div class="prices">
                                      <span class="price">$29.00</span>
                                    </div>
                                  </div>
                                </div>
                              </div>
                            </div>
                            <!--== End Shop Item ==-->
                          </div>
                        </div>

                        <!--== Add Swiper navigation Buttons ==-->
                        <div class="swiper-button-prev"><i class="ei ei-icon_arrow_carrot-left"></i></div>
                        <div class="swiper-button-next"><i class="ei ei-icon_arrow_carrot-right"></i></div>
                      </div>
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="mostView" role="tabpanel" aria-labelledby="most-view-tab">
                  <div class="row">
                    <div class="col-sm-6 col-lg-4 col-xl-3">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/1.jpg" alt="Image-HasTech">
                            </a>
                            <span class="sale-title sticker">Sale</span>
                            <span class="percent-count sticker">-18%</span>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Meta Slevless Dress</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$40.00</span>
                                <span class="price-old">$85.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/19.jpg" alt="Image-HasTech">
                            </a>
                            <span class="sale-title sticker">Sale</span>
                            <span class="percent-count sticker">-35%</span>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Randomised Words</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$39.00</span>
                                <span class="price-old">$60.00</span>
                              </div>
                              <div class="ht-countdown ht-countdown-style3" data-date="4/24/2022"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                    <div class="col-sm-6 col-lg-4 col-xl-3">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/3.jpg" alt="Image-HasTech">
                            </a>
                            <span class="sale-title sticker">Sale</span>
                            <span class="percent-count sticker">-27%</span>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Style Modern Dress</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$55.00</span>
                                <span class="price-old">$75.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/4.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Black Dress Shirt</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$79.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                    <div class="col-sm-6 col-lg-4 col-xl-3 d-none d-lg-block">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/5.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Flower Print dress</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$50.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/6.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Fit Wool Suit</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$80.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                    <div class="col-sm-6 col-lg-4 col-xl-3 d-none d-xl-block">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/7.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Literature Classical</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$79.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/8.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Matchbox’ Fit Jeans</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$19.00</span>
                                <span class="price-old">$29.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                  </div>
                </div>
                <div class="tab-pane fade" id="newArrivals" role="tabpanel" aria-labelledby="new-arrivals-tab">
                  <div class="row">
                    <div class="col-sm-6 col-lg-4 col-xl-3">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/1.jpg" alt="Image-HasTech">
                            </a>
                            <span class="sale-title sticker">Sale</span>
                            <span class="percent-count sticker">-18%</span>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Meta Slevless Dress</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$40.00</span>
                                <span class="price-old">$85.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/19.jpg" alt="Image-HasTech">
                            </a>
                            <span class="sale-title sticker">Sale</span>
                            <span class="percent-count sticker">-35%</span>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Randomised Words</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$39.00</span>
                                <span class="price-old">$60.00</span>
                              </div>
                              <div class="ht-countdown ht-countdown-style3" data-date="4/24/2022"></div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                    <div class="col-sm-6 col-lg-4 col-xl-3">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/3.jpg" alt="Image-HasTech">
                            </a>
                            <span class="sale-title sticker">Sale</span>
                            <span class="percent-count sticker">-27%</span>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Style Modern Dress</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$55.00</span>
                                <span class="price-old">$75.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/4.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Black Dress Shirt</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$79.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                    <div class="col-sm-6 col-lg-4 col-xl-3 d-none d-lg-block">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/5.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Flower Print dress</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$50.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/6.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Fit Wool Suit</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$80.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                    <div class="col-sm-6 col-lg-4 col-xl-3 d-none d-xl-block">
                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/7.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Literature Classical</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                                <i class="fa fa-star-o"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$79.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->

                      <!--== Start Shop Item ==-->
                      <div class="product-item">
                        <div class="inner-content">
                          <div class="product-thumb">
                            <a href="single-product-simple.html">
                              <img class="w-100" src="/static/img/shop/8.jpg" alt="Image-HasTech">
                            </a>
                            <div class="product-action">
                              <div class="addto-wrap">
                                <a class="add-cart" href="cart.html">
                                  <i class="zmdi zmdi-shopping-cart-plus icon"></i>
                                </a>
                                <a class="add-wishlist" href="wishlist.html">
                                  <i class="zmdi zmdi-favorite-outline zmdi-hc-fw icon"></i>
                                </a>
                                <a class="add-quick-view" href="javascript:void(0);">
                                  <i class="zmdi zmdi-search icon"></i>
                                </a>
                              </div>
                            </div>
                          </div>
                          <div class="product-desc">
                            <div class="product-info">
                              <h4 class="title"><a href="single-product-simple.html">Matchbox’ Fit Jeans</a></h4>
                              <div class="star-content">
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                                <i class="fa fa-star"></i>
                              </div>
                              <div class="prices">
                                <span class="price">$19.00</span>
                                <span class="price-old">$29.00</span>
                              </div>
                            </div>
                          </div>
                        </div>
                      </div>
                      <!--== End Shop Item ==-->
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--== End Product Area Wrapper ==-->

    <!--== Start Single Banner Wrapper ==-->
    <section>
      <div class="container pt-0 pb-0">
        <div class="row">
          <div class="col-sm-6">
            <!--== Start Single Banner Item ==-->
            <div class="single-banner-image">
              <a href="shop.html">
                <img class="w-100" src="/static/img/shop/banner/3.jpg" alt="Image-HasTech">
              </a>
            </div>
            <!--== End Single Banner Item ==-->
          </div>
          <div class="col-sm-6">
            <!--== Start Single Banner Item ==-->
            <div class="single-banner-image">
              <a href="shop.html">
                <img class="w-100" src="/static/img/shop/banner/4.jpg" alt="Image-HasTech">
              </a>
            </div>
            <!--== End Single Banner Item ==-->
          </div>
        </div>
      </div>
    </section>
    <!--== End Single Banner Wrapper ==-->

    <!--== Start Blog Area Wrapper ==-->
    <section class="blog-area">
      <div class="container pt-70">
        <div class="row">
          <div class="col-lg-7 m-auto">
            <div class="section-title text-center">
              <h2 class="title">From our blogs</h2>
            </div>
          </div>
        </div>
        <div class="row">
          <div class="col-12">
            <div class="swiper-container swiper-slide-gap post-slider-container">
              <div class="swiper-wrapper">
                <div class="swiper-slide">
                  <!--== Start Blog Item ==-->
                  <div class="post-item">
                    <div class="inner-content">
                      <div class="thumb">
                        <a href="single-blog.html">
                          <img class="w-100" src="/static/img/blog/1.jpg" alt="Image-HasTech">
                        </a>
                      </div>
                      <div class="content">
                        <ul class="meta">
                          <li><span>post by: </span><a class="author" href="blog.html">Julip</a></li>
                          <li><span> - Jan, 25 , 21</span></li>
                        </ul>
                        <h4 class="title"><a href="single-blog.html">Hot Summer Fashion for Women new collections arrives</a></h4>
                        <p>Lorem ipsum dolor sit amet, consectet adipi elit, sed do eius tempor incididunt ut labore gthydolore magna aliqua...</p>
                        <a class="btn-theme" href="single-blog.html">Read more</a>
                      </div>
                    </div>
                  </div>
                  <!--== End Blog Item ==-->
                </div>
                <div class="swiper-slide">
                  <!--== Start Blog Item ==-->
                  <div class="post-item">
                    <div class="inner-content">
                      <div class="thumb">
                        <a href="single-blog.html">
                          <img class="w-100" src="/static/img/blog/2.jpg" alt="Image-HasTech">
                        </a>
                      </div>
                      <div class="content">
                        <ul class="meta">
                          <li><span>post by: </span><a class="author" href="blog.html">Morem</a></li>
                          <li><span> - Jan, 24 , 22</span></li>
                        </ul>
                        <h4 class="title"><a href="single-blog.html">But I must explain to you how all this mistaken ideal</a></h4>
                        <p>Lorem ipsum dolor sit amet, consectet adipi elit, sed do eius tempor incididunt ut labore gthydolore magna aliqua...</p>
                        <a class="btn-theme" href="single-blog.html">Read more</a>
                      </div>
                    </div>
                  </div>
                  <!--== End Blog Item ==-->
                </div>
                <div class="swiper-slide">
                  <!--== Start Blog Item ==-->
                  <div class="post-item">
                    <div class="inner-content">
                      <div class="thumb">
                        <a href="single-blog.html">
                          <img class="w-100" src="/static/img/blog/3.jpg" alt="Image-HasTech">
                        </a>
                      </div>
                      <div class="content">
                        <ul class="meta">
                          <li><span>post by: </span><a class="author" href="blog.html">Adapo</a></li>
                          <li><span> - Jan, 25 , 21</span></li>
                        </ul>
                        <h4 class="title"><a href="single-blog.html">My Favorite White Sneakers From Splurge To Save</a></h4>
                        <p>Lorem ipsum dolor sit amet, consectet adipi elit, sed do eius tempor incididunt ut labore gthydolore magna aliqua...</p>
                        <a class="btn-theme" href="single-blog.html">Read more</a>
                      </div>
                    </div>
                  </div>
                  <!--== End Blog Item ==-->
                </div>
                <div class="swiper-slide">
                  <!--== Start Blog Item ==-->
                  <div class="post-item">
                    <div class="inner-content">
                      <div class="thumb">
                        <a href="single-blog.html">
                          <img class="w-100" src="/static/img/blog/1.jpg" alt="Image-HasTech">
                        </a>
                      </div>
                      <div class="content">
                        <ul class="meta">
                          <li><span>post by: </span><a class="author" href="blog.html">Julip</a></li>
                          <li><span> - Jan, 25 , 21</span></li>
                        </ul>
                        <h4 class="title"><a href="single-blog.html">On the other hand we provide denounce with righteous</a></h4>
                        <p>Lorem ipsum dolor sit amet, consectet adipi elit, sed do eius tempor incididunt ut labore gthydolore magna aliqua...</p>
                        <a class="btn-theme" href="single-blog.html">Read more</a>
                      </div>
                    </div>
                  </div>
                  <!--== End Blog Item ==-->
                </div>
              </div>
              <!--== Add Swiper navigation Buttons ==-->
              <div class="swiper-button-prev"><i class="ei ei-icon_arrow_carrot-left"></i></div>
              <div class="swiper-button-next"><i class="ei ei-icon_arrow_carrot-right"></i></div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--== End Blog Area Wrapper ==-->

    <!--== Start Brand Logo Area Wrapper ==-->
    <section class="brand-logo-area">
      <div class="container pt-0">
        <div class="brand-logo-content">
          <div class="row">
            <div class="col-12">
              <div class="swiper-container swiper-slide-gap brand-logo-slider-container">
                <div class="swiper-wrapper">
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/1.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/2.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/3.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/4.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/5.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/6.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                  <div class="swiper-slide">
                    <!--== Start Brand Logo Item ==-->
                    <div class="brand-logo-item">
                      <a href="shop.html"><img src="/static/img/brand-logo/7.jpg" alt="Image-HasTech"></a>
                    </div>
                    <!--== End Brand Logo Item ==-->
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!--== End Brand Logo Area Wrapper ==-->
  </main>

  <!--== Start Footer Area Wrapper ==-->
  <footer class="footer-area">
    <div class="footer-top-area">
      <div class="container">
        <div class="row">
          <div class="col-sm-6 col-lg-3">
            <!--== Start widget Item ==-->
            <div class="widget-item">
              <div class="about-widget">
                <div class="footer-logo-area">
                  <a href="index.html">
                    <img class="logo-main" src="/static/img/logo.png" alt="Logo" />
                  </a>
                </div>
                <p class="desc">Lorem ipsum dolor sit amet, consectet adipi elit, sed do eius tempor incididun ut labore gthydolore.</p>
                <ul>
                  <li><i class="ion-ios7-location-outline"></i> 184 Main Rd E, St Albans VIC 3021,</li>
                  <li><i class="ion-ios7-email-outline"></i> <a href="mailto://info@example.com">info@example.com</a></li>
                </ul>
              </div>
            </div>
            <!--== End widget Item ==-->
          </div>
          <div class="col-sm-6 col-lg-3">
            <!--== Start widget Item ==-->
            <div class="widget-item widget-item-one">
              <h4 class="widget-title">INFORMATION</h4>
              <div class="widget-menu-wrap">
                <ul class="nav-menu">
                  <li><a href="shop.html">Specials</a></li>
                  <li><a href="shop.html">New products</a></li>
                  <li><a href="shop.html">Top sellers</a></li>
                  <li><a href="shop.html">Our stores</a></li>
                  <li><a href="contact.html">Contact us</a></li>
                </ul>
              </div>
            </div>
            <!--== End widget Item ==-->
          </div>
          <div class="col-sm-6 col-lg-3">
            <!--== Start widget Item ==-->
            <div class="widget-item widget-item-two">
              <h4 class="widget-title">QUICK LINKS</h4>
              <div class="widget-menu-wrap">
                <ul class="nav-menu">
                  <li><a href="login.html">New User</a></li>
                  <li><a href="about-us.html">Help Center</a></li>
                  <li><a href="about-us.html">Refund Policy</a></li>
                  <li><a href="about-us.html">Report Spam</a></li>
                  <li><a href="login.html">Account</a></li>
                </ul>
              </div>
            </div>
            <!--== End widget Item ==-->
          </div>
          <div class="col-sm-6 col-lg-3">
            <!--== Start widget Item ==-->
            <div class="widget-item">
              <h4 class="widget-title">newsletter</h4>
              <div class="widget-newsletter">
                <p>Sign up for our newsletter & promotions</p>
                <div class="newsletter-form">
                  <form>
                    <input type="email" class="form-control" placeholder="email@example.com">
                    <button class="btn-submit" type="button">Subscribe</button>
                  </form>
                </div>
              </div>
            </div>
            <!--== End widget Item ==-->
          </div>
        </div>
      </div>
      
    </div>
    <!--== Start Footer Bottom ==-->
    <div class="footer-bottom">
      <div class="container">
        <div class="row">
          <div class="col-12">
            <p class="copyright">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
          </div>
        </div>
      </div>
    </div>
    <!--== End Footer Bottom ==-->
  </footer>
  <!--== End Footer Area Wrapper ==-->

  <!--== Scroll Top Button ==-->
  <div id="scroll-to-top" class="scroll-to-top"><span class="fa fa-angle-double-up"></span></div>

  <!--== Start Quick View Menu ==-->
  <aside class="product-quick-view-modal">
    <div class="product-quick-view-inner">
      <div class="product-quick-view-content">
        <button type="button" class="btn-close">
          <span class="close-icon"><i class="fa fa-close"></i></span>
        </button>
        <div class="row">
          <div class="col-lg-6 col-md-6 col-12">
            <div class="thumb">
              <img src="/static/img/shop/quick-view1.jpg" alt="Alan-Shop">
            </div>
          </div>
          <div class="col-lg-6 col-md-6 col-12">
            <div class="content">
              <h4 class="title">Meta Slevless Dress</h4>
              <div class="prices">
                <del class="price-old">$85.00</del>
                <span class="price">$70.00</span>
              </div>
              <p>Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old. Richard McClintock, a Latin professor at Hampden-Sydney College in Virginia,</p>
              <div class="quick-view-select">
                <div class="quick-view-select-item">
                  <label for="forSizes" class="form-label">Size:</label>
                  <select class="form-select" id="forSizes" required>
                    <option selected value="">s</option>
                    <option>m</option>
                    <option>l</option>
                    <option>xl</option>
                  </select>
                </div>
                <div class="quick-view-select-item">
                  <label for="forColors" class="form-label">Color:</label>
                  <select class="form-select" id="forColors" required>
                    <option selected value="">red</option>
                    <option>green</option>
                    <option>blue</option>
                    <option>yellow</option>
                    <option>white</option>
                  </select>
                </div>
              </div>
              <div class="action-top">
                <div class="pro-qty">
                  <input type="text" id="quantity4" title="Quantity" value="1" />
                </div>
                <button class="btn btn-black">Add to cart</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="canvas-overlay"></div>
  </aside>
  <!--== End Quick View Menu ==-->

  <!--== Start Side Menu ==-->
  <aside class="off-canvas-wrapper">
    <div class="off-canvas-inner">
      <div class="off-canvas-overlay"></div>
      <!-- Start Off Canvas Content Wrapper -->
      <div class="off-canvas-content">
        <!-- Off Canvas Header -->
        <div class="off-canvas-header">
          <div class="close-action">
            <button class="btn-menu-close">menu <i class="fa fa-chevron-left"></i></button>
          </div>
        </div>

        <div class="off-canvas-item">
          <!-- Start Mobile Menu Wrapper -->
          <div class="res-mobile-menu menu-active-one">
            <!-- Note Content Auto Generate By Jquery From Main Menu -->
          </div>
          <!-- End Mobile Menu Wrapper -->
        </div>
      </div>
      <!-- End Off Canvas Content Wrapper -->
    </div>
  </aside>
  <!--== End Side Menu ==-->
</div>

<!--=======================Javascript============================-->

<!--=== jQuery Modernizr Min Js ===-->
<script th:src="@{/js/modernizr.js}"></script>
<!--=== jQuery Min Js ===-->
<script th:src="@{/js/jquery-main.js}"></script>
<!--=== jQuery Migration Min Js ===-->
<script th:src="@{/js/jquery-migrate.js}"></script>
<!--=== th:jQuer@r Min Js ===-->
<script th:src="@{/js/popper.min.js}"></script>
<!--=== th:jQuer@trap Min Js ===-->
<script th:src="@{/js/bootstrap.min.js}"></script>
<!--=== th:jQuer@oom Min Js ===-->
<script th:src="@{/js/headroom.min.js}"></script>
<!--=== th:jQuer@r Min Js ===-->
<script th:src="@{/js/swiper.min.js}"></script>
<!--=== th:jQuer@box Min Js ===-->
<script th:src="@{/js/fancybox.min.js}"></script>
<!--=== th:jQuer@ Nav Js ===-->
<script th:src="@{/js/slicknav.js}"></script>
<!--=== th:jQuer@down Js ===-->
<script th:src="@{/js/countdown.js}"></script>
th:
<!--=== th:jQuery Custom Js ===-->
<script th:src="@{/js/custom.js}"></script>

</body>

</html>